<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	request.setCharacterEncoding("UTF-8");
	response.setContentType("text/html;charset=UTF-8");
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
	String path = request.getContextPath();
%>
<html>
<head>
	    <meta charset="utf-8" />
		<title>car2go送车上门</title>
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="<%=path%>/css/reservation/public.css" />	
		<script type="text/javascript" src="<%=path%>/js/reservation/jquery-2.2.3.min.js" ></script>
		<script type="text/javascript">
	        $(function () {
				
	        });
        </script>
</head>
<body>
	<body class="">
	<div class="corn">
			<div class="corn-sz">
				<span class="money">${money}</span>
			</div>
			<div class="corn-w">
				<img src="<%=path%>/img/reservation/corn-p.png" alt="" />
				<%-- <form id="fo" action="<%=path%>/resercus/fenx.html" method="post"> --%>
					<input name="rid" type="hidden" value="${rid }" />
					<input name="openid" type="hidden" value="${openid }" />
					<input name="money" type="hidden" value="${money }" />
					<span><input id="xphone" name="xphone" type="text" /></span>
				<a href="#" onclick="sub();"><img src="<%=path%>/img/reservation/corn-q.png" alt="" /></a>
				<!-- </form> -->
			</div>
		<script>
			
		</script>
				<script src="<%=path%>/js/layer_mobile/layer.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
		<script type="text/javascript">
		 var openid = '${openid}';
		 var path = '<%=path%>';
		 var rid = '${rid}';
		 var money = '${money}';
		 var spread = '${spread}';
		 if(money == '红包已被领完了~'){
			 $('.money').css({"font-size": "1.8rem" });
			 $('.corn-sz').css({"top": "80%" });
			 $('.corn-w').hide();
		 }
		 function sub(){
			 //手机号
			 var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; 
			 var phone = $("#xphone").val();
				if(!myreg.test($("#xphone").val())) { 
					//信息框
					  layer.open({
					    content: '手机号填写有误'
					    ,btn: '我知道了'
					  });
				    return false; 
				}
			 var sphone = "+86"+phone;
			 $.ajax({  
		    	 type: "post",
	             url:"<%=path%>/resercus/check.html", 
	           	 data: {phone:sphone},
	             dataType: "text",
	             async:false,
	             timeout: 50000,  
	             cache: false,  
	             error: phoneerrorFunction,  //错误执行方法    
	             success: phonesuccessFunction //成功执行方法    
	         });
			 function phoneerrorFunction(){
					//信息框
					  layer.open({
					    content: '系统忙，请稍后重试'
					    ,btn: '我知道了'
					  });
					return false;
				 }
			 function phonesuccessFunction(data){
				 var bl =data;
				if(bl=="true"){
					 layer.closeAll();
					 if(money!='红包已被领完了~'){
						 $.ajax({  
					    	 type: "post",
				             url:"<%=path%>/resercus/fenx.html", 
				           	 data: {rid:rid,openid:openid,money:money,xphone:sphone},
				           	 async:false,
				             dataType: "text",  
				             timeout: 10000,  
				             cache: false,  
				             error: errorFunction,  //错误执行方法    
				             success: successFunction //成功执行方法    
				         });
						 function errorFunction(){
							 alert("反馈出现故障~");
						 }
						 function successFunction(data){
							if(data=="exitNows"){
								 layer.open({
									    content: '您已领取过该红包！'
									    ,btn: '我知道了'
									    ,end: function(index){
									    	 window.location.href='<%=path%>/resercus/ording.html?spread='+spread;
									    	}    
									  });
							 }else{
								 layer.open({
									    content: '成功领取'
									    ,btn: '我知道了'
									    ,end: function(index){
									    	 window.location.href='<%=path%>/resercus/ording.html?spread='+spread;
									    	}    
									  });
							 }
							
						 }
					 }
				 }else{
					//询问框
					layer.open({
						content: '你竟然还不是car2go会员？'
					    ,btn: ['先去注册', '取消']
					    ,yes: function(index){
					        layer.close(index);
					        window.location.href="https://www.car2go.cn/runr/#/zh/CN/registration/account-personal"; 
					    }
						,no: function(index){
					        $('#xphone').val('');
					    }
					}); 
				 }
			 }
			
		 }
		$(document).ready(function(){
			 
		});
	</script>
		<script type="text/javascript">
		
		//微信jssdk config
		wx.config({
			debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId : '${appid}', // 必填，公众号的唯一标识
			timestamp : '${timestamp}', // 必填，生成签名的时间戳
			nonceStr : '${noncestr}', // 必填，生成签名的随机串
			signature : '${signature}',// 必填，签名，见附录1
			jsApiList : [ 'checkJsApi', //判断当前客户端版本是否支持指定JS接口
			'onMenuShareTimeline', //分享给好友
			'onMenuShareAppMessage', //分享到朋友圈
			]
		// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});
		wx.ready(function() { //ready函数用于调用API，如果你的网页在加载后就需要自定义分享和回调功能，需要在此调用分享函数。//如果是微信游戏结束后，需要点击按钮触发得到分值后分享，这里就不需要调用API了，可以在按钮上绑定事件直接调用。因此，微信游戏由于大多需要用户先触发获取分值，此处请不要填写如下所示的分享API
					wx.onMenuShareTimeline({ //分享到朋友圈的API  
								title : 'car2go可以送车上门咯！', // 分享标题
								link : 'http://run.xuanzhen-tech.com/car2go_wx/resercus/ording.html?spread='+spread, // 分享链接
								imgUrl : 'http://run.xuanzhen-tech.com/car2go_wx/img/xj.jpg', // 分享图标
								success : function() {
									// 用户确认分享后执行的回调函数
								},
								cancel : function() {
									// 用户取消分享后执行的回调函数
								}
							});
					wx.onMenuShareAppMessage({//分享到朋友 
								title : 'car2go可以送车上门咯！', // 分享标题
								desc : '约吗？钱在这里抢，车在楼下等！', // 分享描述
								link : 'http://run.xuanzhen-tech.com/car2go_wx/resercus/ording.html?spread='+spread, // 分享链接
								imgUrl : 'http://run.xuanzhen-tech.com/car2go_wx/img/xj.jpg', // 分享图标
								type : 'link', // 分享类型,music、video或link，不填默认为link
								dataUrl : '', // 如果type是music或video，则要提供数据链接，默认为空
								success : function() {
									// 用户确认分享后执行的回调函数
								},
								cancel : function() {
									// 用户取消分享后执行的回调函数
								}
							});
				});
		</script>
</body>
</html>